<!-- index.html -->
<!doctype html>
<html>
    <head>
        <title>International Return</title>
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <!-- load bootstrap via CDN -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <!-- load jquery via CDN -->
        <!-- load custom javascript file -->
        <script src="magic.js"></script> 
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $(".tooltip-examples a").tooltip({
                    placement: 'bottom',
                    animation: 'true',
                    delay: { show: 100, hide: 500 }
                });
            });
        </script>
<meta charset="UTF-8">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<style type="text/css">
	.bs-example{
    	margin: 100px 50px;
    }
</style>
    </head>
<body>
    <!-- load our navbar... include means code for this section only changes in one area -->
 <?php include('navBar.php'); ?>
<div class="col-sm-6 col-sm-offset-3">
	<h1 align="center">Create an International Return</h1>
        <!-- OUR FORM -->
	<form action="process.php" id="form" method="POST">
            
                <!-- From Country Dropdown Get From MySQL Country DB-->
		<div id="country-group" class="form-group">
			<label for="country">Return From Country</label>
			<input type="text" class="form-control" name="name" placeholder="Return From Country Dropdown Here">
			<!-- errors will go here -->
		</div>
		
		<!-- MEMBER EMAIL -->
		<div id="email-group" class="form-group">
			<label for="memberEmail">Member Email</label>
			<input type="text" class="form-control" name="email" placeholder="Member email address here">
			<!-- errors will go here -->
		</div>
                
                <!-- Order ID -->
		<div id="orderId-group" class="form-group">
			<label for="orderID">Order ID</label>
			<input type="text" class="form-control" name="email" placeholder="Order ID Here">
			<!-- errors will go here -->
		</div>
                
                <!-- SKU ID -->
		<div id="skuId-group" class="form-group">
			<label for="skuID">SKU ID</label>
			<input type="text" class="form-control" name="email" placeholder="SKU ID Here">
			<!-- errors will go here -->
		</div>
            
                <!-- Value -->
		<div id="returnValue-group" class="form-group">
			<label for="returnValue">Return Value</label>
			<input type="text" class="form-control" name="email" placeholder="Item Value Here">
			<!-- errors will go here -->
		</div>
                
                <!-- RETURN REASON -->
		<div id="returnReason-group" class="form-group">
			<label for="returnReason">Return Reason</label>
			<input type="text" class="form-control" name="email" placeholder="Return Reason Here">
			<!-- errors will go here -->
		</div>
                <!-- TRACKING ID Added Later By Dani when she is processing Return, open set to true on submit so Dani can search 
                open international returns.                
                -->
		
		<button type="submit" class="btn btn-success">Submit <span class="fa fa-arrow-right"></span></button>

	</form>
</div>
</body>
</html>